<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css">
	<link rel="stylesheet" type="text/css" href="../../viewer/viewer.css">
	<link rel="stylesheet" type="text/css" href="../../css/systemConfig/systemConfig.css">
	<link rel="stylesheet" type="text/css" href="../../css/login/font.css">
</head>
	<form id="paramForm" class="layui-form" action="">
	    <div class="layui-inline">
	      <label class="layui-form-label" style="margin-left: -16px;">属性键值：</label>
	      <div class="layui-input-inline">
	        <input type="text" id="conf_key" lay-verify="email" autocomplete="off" class="layui-input">
	      </div>
    	</div>
	    <div class="layui-inline">
	      <label class="layui-form-label" style="margin-left: -16px;">属性值：</label>
	      <div class="layui-input-inline">
	        <input type="text" id="conf_value" lay-verify="email" autocomplete="off" class="layui-input">
	      </div>
    	</div>
	    <div class="layui-inline">
	      <label class="layui-form-label" style="margin-left: -16px;">备注：</label>
	      <div class="layui-input-inline">
	        <input type="text" id="remark" lay-verify="email" autocomplete="off" class="layui-input">
	      </div>
    	</div>
    	<div class="layui-inline">
	      <label class="layui-form-label">属性类型：</label>
	      <div class="layui-input-inline">
	    	<select id="conf_type" name="config_type" lay-verify="">
			  <option value="">请选择一个类型</option>
			  <option value="1">文本</option>
			  <option value="2">图片</option>
			</select>     
	      </div>
    	</div>
    	
    	<button id="queryInfo" type="button" class="layui-btn">查询</button>
	</form>
	<hr id="split-line">
	<button id="add-config" type="button" class="layui-btn">
	  <i id="add-config-icon" class="layui-icon">&#xe608;</i> 添加属性
	</button>
	<div id="config-table-div">
		<table id="configsTable" lay-filter="dataTable"></table>
	</div>
</body>
<!-- 这里是弹窗里的html结构 -->
<form action="" class="layui-form" style="display: none" id="configPropForm" lay-filter="conf-form" enctype="multipart/form-data">
	<div class="layui-form-item">
		<div class="layui-inline">
			<label class="layui-form-label"><font color="red">*</font>属性键值：</label>
			<div class="layui-input-inline">
				<input type="text" id="conf_key_prop" name="conf_key_prop" autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-inline">
			<label class="layui-form-label"><font color="red">*</font>属性类型：</label>
			<div class="layui-input-inline">
				<select name="conf_type_prop" id="conf_type_prop" lay-filter="conf_type_prop">
			        <option value="">请选择属性类型</option>
			        <option value="1">文本</option>
			        <option value="2">图片</option>
			    </select>
			</div>
		</div>
	</div>
	<div class="layui-form-item">
		<div class="layui-inline">
			<label class="layui-form-label"><font color="red">*</font>属性值：</label>
			<div class="layui-input-inline">
				<input type="text" name="conf_value_prop" id="conf_value_prop" autocomplete="off" class="layui-input">
				<div id="upload-div">
					<img alt="" src="../../image/system/add.png" id="upload-img" width="100%" height="100%">
					<input type="file" id="upload-img-btn" onchange="chooseImage(this)">
					<img alt="" src="../../image/system/image.png" id="img-show" width="30px" height="30px">
				</div>
			</div>
		</div>
	</div>
	<div class="layui-form-item layui-form-text">
	    <label class="layui-form-label">备注：</label>
	    <div class="layui-input-block">
	      <textarea id="remark_prop" name="remark_prop" placeholder="请输入内容" class="layui-textarea"></textarea>
	    </div>
	</div>
	<div class="layui-form-item" id="subbutton-div">
	    <div class="layui-input-block" id="button-item">
	      <button type="button" class="layui-btn layui-btn-normal" id="saveRole" lay-demo="saveRole">保存</button>
	      <button type="reset" class="layui-btn layui-btn-primary">清空</button>
	    </div>
 	</div>
</form>
<script type="text/javascript" src="../../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../../viewer/viewer.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/core.js"></script>
<script type="text/javascript" src="../../layui/layui.all.js"></script>
<script type="text/javascript" src="../../js/systemConfig/systemConfig.js"></script>

<script type="text/javascript" id="operate">
	  <a class="layui-btn layui-btn-xs" lay-event="update">修改</a>
	  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
</html>